<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            width:200px;
            height:200px;
            background-color: antiquewhite;

        }
    </style>
</head>
<body>
<!--块级元素宽度默认是父级容器的宽度
高度一般都是由内容填充，如果没有任何高度默认是0
，以下标签的父级元素为body-->
<h1>这是标题</h1>
<p>这是段落</p>
<div>单独的div
    <p>div中的p</p>
</div>
<!--
开发时不要在文本类块级元素中添加其他元素，专注于文本存放（h1~h6、p）
块级元素可以相互嵌套，但是p标签中不能嵌套其他块级元素
-->
<p>
    第二个p标签,可以放图片、视频、文字
    <span>p标签中的span,span是行内元素</span>
  <!--错误的写法，不要这样写-->
    <div>p标签中的div</div>
    <h2>p标签中的h2</h2>

</p>
</body>
</html>